.tabs-box {
  display: flex;
  align-items: center;

  .tabs-text {
    cursor: pointer;
    margin-right: 24px;
    font-weight: 600;
    font-size: 20px;
    position: relative;
  }

  .tabs-sel {
    color: var(--text-tabs-color);

    &::after {
      content: '';
      position: absolute;
      bottom: -12px;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      height: 4px;
      background-color: black;
      background-color: var(--text-tabs-color);
      border-radius: 2px;
    }
  }

  .tabs-del {
    color: #999999;

  }


}

.tabs-flex {
  display: flex;

  .tabs-fl {
    flex: 1;
  }

  .arco-input-inner-wrapper {
    width: 192px !important;
    background-color: var(--main-background-color);
    border: 1px solid var(--border-background-color);
    border-radius: 9999px !important;
  }

}

